<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>华猫首页</title>
    <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../../css/aui-slide.css" />
    <link rel="stylesheet" type="text/css" href="../../css/base.css">
    <link rel="stylesheet" type="text/css" href="../../css/aui-flex.css">
    <link rel="stylesheet" type="text/css" href="css/orderSet.css">
    <link rel="stylesheet" href="../../css/pulice.css">
    <style>
        .aui-list .new-width{
            width: 100%;
        }
    </style>
    <script src="../../js/libs/zepto.min.js"></script>
    <script>
        $(function () {
            $('.hm-bar').load('../../data/headerOther.html',function () {
                $(this).find('.head-main').text('当面付款');
                $(this).find('.head-left').on('tap',function () {
                    window.history.back();
                })
            });
        })
    </script>
</head>
<body>
<header class="hm-bar">

    <!--<a href="#" class="aui-pull-left aui-btn ">
        <span class="aui-iconfont aui-icon-left"></span>

    </a>
    <div class="aui-title">当面付款</div>-->

</header>
<section>
    <div class="aui-content aui-margin-b-15">
        <ul class="aui-list aui-list-in">
            <li class="aui-list-header">
            </li>
            <li class="aui-list-item">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-title">现金余额</div>
                    <div class="aui-list-item-right aui-text-danger aui-font-size-16">16584874</div>
                    <label><input type="radio" class="aui-radio" name="radio" checked></label>
                </div>
            </li>
            <li class="aui-list-item">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-title">华宝余额</div>
                    <div class="aui-list-item-right">16584874</div>
                    <label><input type="radio" class="aui-radio" name="radio" checked></label>
                </div>
            </li>
            <li class="aui-list-header">
            </li>
            <li class="aui-list-item">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-title">收款人</div>
                    <div class="aui-list-item-right">16584874</div>
                </div>
            </li>
            <li class="aui-list-item">
                <div class="aui-list-item-inner">
                    <!--<label><input type="radio" class="aui-radio" name="radio" checked></label>-->
                    <div class="aui-list-item-label new-width"> 本次支付金额(￥)</div>
                </div>
                <div class="aui-list-item-input">
                    <input type="text" placeholder="请输入收款金额">
                </div>
            </li>
            <li class="aui-list-item aui-list-item-middle">
                <div class="aui-list-item-inner aui-list-item-arrow">
                    <div class="aui-list-item-title">赠送积分比例</div>
                    <div class="aui-list-item-right">16584874</div>
                </div>
            </li>
        </ul>
    </div>
    <div style="margin-top: 3rem" class="aui-padded-l-10 aui-padded-r-10">
        <div class="aui-btn aui-btn-info aui-btn-block " >确认</div>
    </div>

</section>

<!--<div class="alert-box">-->
    <!--<div class="sure-box">-->
        <!--<span class="aui-text-info">确认</span>-->
        <!--<span class="aui-pull-right">取消</span>-->
    <!--</div>-->
<!--</div>-->

<script src="../../js/api.js"></script>
<script src="../../js/aui-slide.js"></script>
<script src="../../js/aui-tab.js"></script>

<script>
    var slide3 = new auiSlide({
        container:document.getElementById("aui-slide3"),
        // "width":300,
        "height":240,
        "speed":500,
        "autoPlay": 3000, //自动播放
        "loop":true,
        "pageShow":true,
        "pageStyle":'dot',
        'dotPosition':'center'
    });
    var tab=new auiTab({
        element:document.getElementById('footer'),
        index:1,
        repeatClick:false
    },function (ret) {
        console.log(ret)
    });


    var alertBox={


    }
</script>
</body>
</html>